@import url("common.css");
@charset 'utf-8';

/* 왼쪽영역 */
#sideContent {position: absolute;	left: 30px;	top: 30;	width: 250px;	height: 100%;overflow: hidden;	min-height: 1px;}

.txt_tree{  width:100%; padding:10px; height:664px; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; overflow-y:scroll;  background:#fbf7eb;}
.txt_tree ul li{ font-size:13px; line-height:24px;  font-family:'Nanum'; background:url(../images/page/ico_arrow02.png) no-repeat 5px 7px;  padding-left:12px;}
.txt_tree ul li a:hover { color:#ff5f00;} 

.img_tree{  width:100%; height:664px; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; overflow-y:scroll;  text-align:center; background:#fbf7eb;}
.img_tree ul li{ border:1px solid #ccc; width:130px; height:156px; vertical-align: middle;  margin:30px 40px 10px 50px; background:#ffffff; padding:5px; box-sizing:border-box; }
.img_tree ul li p{text-align: center; }


/* 페이지 */
#Content{ position:relative; margin:0 0 50px 270px; min-width:830px; }
#Content:after{ content:""; display:block; clear:both;}


.Content_body{ position:relative; border-left:1px solid #ddd; padding-left:25px; min-height:650px;}
.viewer_box {width:1110px; margin:20px; height:730px; background:#f9f9f9;overflow:hidden;}
.view{ position:relative;}

/*컨트롤버튼*/
.btn_control{ position:absolute; top:80px; right:40px; width:28px;}
.btn_control span{ display:block;}
.btn_control .prev{ margin-bottom:5px; }
.btn_control .top{ margin:15px 0 5px }


/*이미지 선택 뷰어 */
.sch_box{  box-sizing:border-box; overflow:hidden; background:#fff; width:830px; border:1px solid #dcdcdc; padding:6px 0; margin:0 20px 5px 0; font-family:"Nanum";}	
.sch_box ul{ width:100%; }
.sch_box ul li.left_elew{ width:300px; float:left; margin-left:5px; line-height:24px;}
.sch_box ul li.right_elew{ width:400px; float:right; text-align:right; line-height:24px;}
.sch_box ul li input{ height:26px; line-height:24px; border:1px solid #c5c5c5; border-left-color:#c5c5c5; border-top-color:#c5c5c5; margin-right:5px;}
.sch_box ul li img{margin-right:4px;}
.sch_box ul li dl dt{ background:url(../images/page/ico_arrow02.png) no-repeat 0 8px; padding-left:7px; float:left; margin-left:12px; }
.sch_box ul li dl dd{ float:left;  font-family:"Nanum"; margin:0 0 0 5px; }
.sch_box ul li dl dd span{ display:block; padding:2px 10px; background:#9e9e9e; color:#fff; float:left; margin:2px 0 0 3px; line-height:18px;}
.sch_box ul li dl dd span.select{ background:#f39800;}
.sch_box  em.point{ color:#e60012;}
.sch_box  .btn_go{ margin-left:10px;}

.img_box{ height:652px; overflow:hidden; background:#f4f4f4; width:818px; border:1px solid #dcdcdc; padding:5px 5px; margin:0 10px 0 0px; font-family:"Nanum";}

/* paging */
.paging {overflow:hidden; height:28px; margin-top:30px; text-align:center; margin-left:-230px;}
.paging .num {display:inline-block; vertical-align:middle; margin:0 10px;} 
.paging .num a, 
.paging strong {display:inline-block; width:22px; height:22px; margin:0 -1px; font-size:12px; line-height:23px; font-weight:bold; color:#4d4d4d; text-align:center;} 
.paging strong.on { text-decoration:underline; color:#ff5f00;} 
.paging .num a:hover { color:#ff5f00;} 
.paging .btn {display:inline-block; vertical-align:top;}
.paging .btn a {display:block; margin:0 -2px; text-indent:-9999px;} 
.paging .first { background:url("../images/page/first_page.png") no-repeat 0 0; width:22px; height:21px;}
.paging .prev { background:url("../images/page/pre_page.png") no-repeat 0 0; width:21px; height:21px;}
.paging .next { background:url("../images/page/next_page.png") no-repeat 0 0; width:21px; height:21px;}
.paging .last { background:url("../images/page/last_page.png") no-repeat 0 0; width:22px; height:21px;}

/* 기본 테이블 */
.tableTy1 { font-size:13px; overflow:hidden; margin:0 133px 20px 0; }
.tableTy1 table.data { width:100%; background:#fff; font-family:"Nanum"; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.tableTy1 table.data th { padding:9px 6px; color:#444; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f4f4f4; font-family:"Nanum";}
.tableTy1 table.data thead th { padding-left:0; padding-right:0; text-align:center;}
.tableTy1 table.data tbody th { padding-left:15px; text-align:left;}
.tableTy1 table.data td { padding:9px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; min-height:19px; color:#666; }
.tableTy1 table.data td label{ margin:0 8px 0 3px;}
.tableTy1 .btnWrap{ border:1px solid #ccc; border-top:0; padding:7px; text-align:right;}

/*탭*/
.tab{ position:relative; font-family:'NanumBold'; margin:12px 0 7px 0; overflow:hidden;}
.tab ul li{ float:left; font-size:14px; text-align:center; line-height:30px; cursor:pointer; padding:0 30px; border:1px solid #bcbcbc;  margin-right:10px; }
.tab ul li:first-child{ border-left:1px solid #bcbcbc}
.tab ul li.on{  background:#03a4b1; border:0; line-height:30px;  }
.tab ul li:hover{ color:#03a4b1 }
.tab ul li.on:hover{ color:#fff; }
.tab ul li a{ color:#555}
.tab ul li.on a{ color:#fff}